<template>
  <div>
    <Header></Header>
    <!-- 路由组件出口 -->
    <router-view></router-view>
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>

import Header from './components/Header'
import Footer from './components/Footer'
export default {
  name: 'App',
  components:{
    Header,
    Footer
  },
  //考虑性能，放在APP当中，发请求这事只执行一次
  mounted() {
    //通知vuex发请求，获取三级联动数据，放到仓库中
    this.$store.dispatch('getCategoryList');
    //放在这里没用，第一次登录会显示不了用户信息
    // this.$store.dispatch('getUserInfo');
  },
}
</script>

<style>

</style>
